<script setup name="NoticeTab">
</script>

<template>
  <div class="notice-tabs">
    <a-tabs default-active-key="1" v-bind="$attrs">
      <a-tab-pane key="1" title="待办">
        <a-empty />
      </a-tab-pane>
      <a-tab-pane key="2" title="通知">
        <a-list size="small" :bordered="false" hoverable>
          <a-list-item>Beijing Bytedance</a-list-item>
          <a-list-item>Bytedance Technology</a-list-item>
          <a-list-item>Beijing Toutiao Technolo</a-list-item>
          <a-list-item>Beijing Volcengine Technology</a-list-item>
          <a-list-item>China Beijing Bytedance Technology</a-list-item>
        </a-list>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<style lang="less" scoped>
.notice-tabs {
  :deep(.arco-tabs-nav-tab) {
    justify-content: center;
  }

  :deep(.arco-tabs-content) {
    padding: 0;
  }
}
</style>